@charset "utf-8";
@media only screen and (max-width:2000px){
.bannerin_ct {height:650px}
.bannerin {height:650px;padding:0}
.bannerin_video {height:calc(100vh - 100px);}
}
@media only screen and (max-width:1480px){
.wrap {margin:0 4%}
.indpics .item {padding:24% 0;}
.fixtop .navpc li {margin:0 0 0 50px}
.indabout .mleft {width:46%;padding:0 0 0 4%}
.indabout .mleft .in {width:90%;padding:0 10% 0 0;}
.foot dl {margin-left:12.5%}
.bannerin {height:450px}
.leader .cons .t2 {font-size:20px; line-height: 30px;}
.slide-content li .cons .in {width:350px;}
.partner li {height: 105px;}
.bannerin_ct {height:600px}
.bannerin_video {height:-webkit-calc(100vh - 100px);height:calc(100vh - 100px);}
#certify .swiper-slide {width:800px}
.honor .pic,.honor .pic img {width:800px;height:534px;}
}
@media only screen and (max-width:1044px){
body {line-height:1.8;}
.owl-carousel .owl-nav{margin-top:-10px;display:none;}
.owl-carousel .owl-nav .owl-prev:before,.owl-carousel .owl-nav .owl-next:before {font-size:12px;width:20px;padding:0;height:20px;line-height:20px;}
.owl-carousel .owl-dots {bottom:5px;}
.owl-carousel .owl-dots .owl-dot{display:inline-block;zoom:1;}
.owl-carousel .owl-dots .owl-dot span{width:20px; height:2px;margin:0 5px;}
.fixtop .navpc {display:none;}
.phonemenu { display:block;}
.fixtop {height:50px;}
.fixtop .logo {width:85px; height:30px;top:10px;}
.topblank {height:50px}
.fixtop.active {top:0px}
.fixtop.active .logo {top:10px}
.topblank.active {height:50px}
.fixright { right:5px;bottom:5px;width:20px; height: 20px; line-height: 20px; border-radius:3px; }
.fixright span{font-size:14px;}
.indabout {padding:40px 0}
.indabout .mleft .t {font-size:20px; line-height:30px; letter-spacing: 0.5px}
.indabout .mleft .c {font-size:14px;margin:15px 0 30px 0}
.indmore a { height:25px; line-height: 25px;padding:0 12px;border-radius:25px;font-size:13px; letter-spacing:0px}
.indmore a span {font-size:18px;margin:0px 0 0 2px;}
.indmore a:Hover {padding:0 12px}
.indmore a:hover span {margin-left:2px}
.indbrand {padding:40px 0}
.indbrand .cons {margin:0 0 0 5%;width:45%;}
.indbrand .cons .t {font-size:20px; line-height:30px;letter-spacing: 1px}
.indbrand .cons .c {font-size:14px;margin:15px 0 20px 0}
.indbrand .indmore {margin:30px 0 0 0}
.vangogh_num li h3 {font-size:40px; line-height:40px;}
.vangogh_num li h4 {margin:15px 0 0 2px;font-size:16px;}
.vangogh_num li .content {font-size:14px}
.indbrand2 {margin:0px 0;}
.indbrand2 .cons {margin:0 5% 0 0;}
.indnews {padding:40px 0 50px 0;}
.indnews .subject {font-size:20px; line-height:30px;color:#000; letter-spacing: 0.5px;margin:0 0 35px 0}
.indnews ul {margin-bottom:40px}
.indnews li .t {margin:0 0 12px 0}
.indnews li .t a {font-size:18px;}
.indnews li .l { margin:0 0 8px 0}
.indnews li .l p {width:25px;height:2px;}
.indnews li .a {font-size:14px}
.indnews li .c {font-size:14px; line-height: 25px; height:50px; margin:10px 0 25px 0}
.foot {padding:30px 0}
.foot .cons {width:190px}
.foot .cons .logo a {width:85px; height: 30px; }
.foot .cons .content {margin:20px 0 0 0;font-size:12px}
.foot dl {display:none}
.foot .wx {width:80px;font-size:13px}
.footer {padding:15px 0;font-size:13px}
.bannerin {height:350px}
.bannerin_video {height:-webkit-calc(100vh - 50px);height:calc(100vh - 50px);}
.bannerin .cons {font-size:25px; line-height:35px; letter-spacing: 2px}
.leader .cons .in {width:55%; }
.leader .cons .t {font-size:16px; line-height:24px; letter-spacing: 0.5px;}
.leader .cons .t2 {font-size:13px; line-height:20px;margin:5px 0 15px 0;}
.leader .cons .c {font-size:12px; line-height: 1.6}
.history {padding:40px 0}
.history .button {bottom:5px;width:30px; line-height: 30px; height:30px;}
.history .button,.history .prev,.history .next {background-size:24%}
.slide_wrap {margin:30px 0px 0 0px}
.slide_wrap::after {top:48px;left: 0px;}
.slide_items li span { font-size: 14px; line-height: 28px; position: relative;top:5px}
.slide_items li div {width:16px;height:16px;padding: 2px;}
.slide_items li i{ width: 10px;height: 10px;}
.slide_items li.on div { width:25px;height:25px; padding: 4px;margin-top:-2px}
.slide_items li.on i {width:15px; height: 15px;}
.slide-content li .cons .in {width:300px; left:20px;padding:10px 10px 13px 15px;}
.slide-content li .cons .in .t {font-size:18px; line-height:26px; letter-spacing: 1px;margin:0 0 5px 0}
.slide-content li .cons .in .c {font-size:14px;}
.honor_out {padding:40px 0 80px 0;}
#certify .swiper-pagination {bottom:-40px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;width:5px;height:5px;}
#certify .swiper-button-prev {width: 20px;height: 40px;margin-top:-20px;}
#certify .swiper-button-prev:before {height:40px; line-height: 40px;font-size:20px;}
#certify .swiper-button-next:before {height:40px; line-height: 40px;font-size:20px;}
#certify .swiper-button-next {width:20px;height: 40px;margin-top:-20px;}
.bannerin_video i {width:30px; height: 30px;margin:20px auto 0 auto; }
.video-btn{width:30px; height:30px;margin:-15px 0 0 -15px}
.video_cons i { width:20px; height:20px;}
.video_cons .wrap {margin:0 4%}
.style_pic li {margin:40px 0;}
.style_pic dt .in p {font-size:25px; line-height: 35px;left:20px;top:20px}
.style_pic dt .in .indmore {left:20px;bottom:25px}
.style_pic li:nth-child(2) dt .in p,.style_pic li:nth-child(4) dt .in p {right:20px;}
.style_pic li:nth-child(2) dt .in .indmore,.style_pic li:nth-child(4) dt .in .indmore {right:20px;}
.fshow {padding:40px 0}
.fshow .subject {font-size:20px; line-height: 30px;margin:0 0 35px 0}
.pgwSlideshow .ps-current > ul > li { padding:0 40px;}
.pgwSlideshow .ps-list li img {width:45px; height:30px;}
.pgwSlideshow .ps-list li .ps-item {margin:0 5px;}
.pgwSlideshow .ps-current .ps-prev {left: 0px;margin-top:-20px}
.pgwSlideshow .ps-current .ps-prev:before,.pgwSlideshow .ps-current .ps-next:before {font-size:40px; line-height: 40px; }
.pgwSlideshow .ps-current .ps-next {right:0px; margin-top:-20px}
.pgwSlideshow .ps-list .ps-prev,.pgwSlideshow .ps-list .ps-next {background-size:30%}
.brand li {padding:40px 0}
.brand li .cons .t {font-size:20px; line-height:30px; letter-spacing: 1px;}
.brand li .cons .t2 {font-size:16px; line-height:24px;margin:5px 0 20px 0}
.brand li .cons .c {font-size:14px;margin:0 0 0 0}
.brand li .cons .indmore {margin-top:30px}
.partner {padding:40px 0 50px 0}
.partner .subject {font-size:20px; line-height:30px; margin:0 0 30px 0}
.partner li {height: 65px;border-radius:5px;}
.partner li img {max-width:90px;max-height:45px;}
.partner li:hover {top:0}
.namemj {top:-50px}
.page_wrap {padding:35px 0 0px 0;}
.pager a,.pager span,.pager font {margin:2px;width:25px; height:25px; line-height:25px;}
.pager font {margin:0;}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:14px;}
.pager i {line-height: 23px; margin:0 5px; }
.rshow {padding:40px 0 50px 0}
.rshow .title {font-size:20px; line-height:28px; letter-spacing:0.5px;}
.rshow .addtime { padding:12px;margin:25px 0 35px 0}
.rshow .content {font-size:14px;}
.rshow .prevnext {padding:15px 20px; margin:40px 0 0 0}
.news {padding:40px 0}
.news ul {margin-top:-40px}
.news li { padding:20px 0;min-height:100px;}
.news li .pic {width:146px;height:100px;top:20px;}
.news li .cons {margin:0px 0 0 166px}
.news li .cons .t {height:20px; line-height: 20px; }
.news li .cons .t a {font-size:16px;margin:0 80px 0 0}
.news li .cons .t p {font-size:13px}
.news li .cons .l {width:23px;margin:10px 0 15px 0}
.news li .cons .c { line-height:25px; height:50px;margin:0;font-size:13px;}
.news li .cons .m {display:none;}
.bannerin_ct {height:400px}
.bannerin_ct .cons .t { letter-spacing:1px;font-size:25px; line-height:38px;margin:0 0 5px 0}
.bannerin_ct .cons .c { letter-spacing:0px;font-size:18px;}
.contact {padding:40px 0;}
.contact .subject {font-size:20px; line-height: 20px;letter-spacing: 0.5px}
.contact li {margin-top:40px}
.contact li .t {font-size:16px; line-height: 16px;letter-spacing: 0.5px}
.contact li .t img {margin:-5px 10px 0 0;width:20px;}
.contact li .c {font-size:14px;margin:0 0 0 30px; }
.message {padding:40px 0 50px 0}
.message .subject {font-size:20px; line-height: 20px;margin:0 0 20px 0; letter-spacing:0.5px}
.message li input[type="text"] {height:40px;font-size:14px;}
.message li.beizu {margin-top:30px}
.message li textarea {height:50px;font-size:14px;}
.message li.btn {margin-top:20px}
.message li.btn input {height:35px;width:200px;border-radius:35px;font-size:14px; letter-spacing: 1px}
.message li.btn input:hover {width:200px}
.join {padding:40px 0 40px 0}
.join .title {font-size:25px; line-height: 35px; letter-spacing: 1px;}
.join .content {font-size:14px;margin:5px 0 40px 0}
.join li { height: 90px}
.join li p img {height:35px;margin:0px 0 10px 0;}
.join li .t {font-size:14px; line-height: 22px;letter-spacing: 0px}
.join li:hover {box-shadow:0 0 0 rgba(0,0,0,0.1)}
.teachtrain .subject {font-size:25px; line-height: 25px; letter-spacing: 1px;margin:-15px 0 30px 0;}
.teachtrain li .cons .n {font-size:20px; line-height: 20px;}
.teachtrain li .cons .t {margin:5px 0 10px 0}
.teachtrain li .cons .t a {font-size:20px; line-height: 30px; letter-spacing:0.5px}
.teachtrain li .cons .c {font-size:14px;margin:0 0 20px 0;line-height: 25px; height: 50px;}
.teachtrain li .cons .m a{width:80px; height: 28px; line-height:28px; font-size:14px; letter-spacing: 0}
.teachtrain li.li2 {margin:30px 0}
.teachtrain li.li2 .cons {margin:0 0 0 6%}
.teachtrain {margin:0 0 40px 0}
.job {padding:40px 0 0 0;}
.job li .t {padding:7px 0px;font-size:14px;}
.job li .t1 {padding-left:15px}
.accordionservice li .t {padding:9px 0px;font-size:12px;}
.accordionservice li .t1 {padding-left:15px;padding-right:5px}
.accordionservice li .t5 {padding-right:15px}
.accordionservice .submenu .list {padding:10px 15px}
.accordionservice .submenu .cc {padding:20px 15px}
.accordionservice li .t5:before {font-size:16px; line-height:16px}
.jobapp {padding:40px 0 50px 0}
.jobapp .subject {font-size:25px; line-height:35px;margin:0 0 30px 0; letter-spacing: 1px; }
.jobapp ul {margin-top:-15px}
.jobapp li {margin-top:15px}
.jobapp li input[type="text"] {height: 35px;font-size:14px;padding:0 20px 0 10px; vertical-align: top;}
.jobapp li i {right:10px;top:13px;font-size:14px; line-height:14px;}
.jobapp li textarea {height:100px;font-size:14px;padding:7px 10px; vertical-align: top;}
.jobapp li.btn input {height:35px;width:150px;border-radius:35px;font-size:14px; letter-spacing:1px}
.jobapp li.btn input:hover {width:150px}
.file-box2 input.upbtn{height:35px;width:60px;font-size:14px;}
.file-box2 input.file {height:35px;width:60px;}
.jobapp li.upload {margin-top:16px; }
.jobapp li.beizu {margin-top:16px}
.jobapp li.btn {margin-top:15px}
.responsibilitycons {padding:40px 0 0 0}
.responsibilitycons .t {font-size:20px; line-height:30px;padding:0 0 25px 0;letter-spacing: 1px}
.responsibilitycons .c {padding:20px 20px;font-size:14px; line-height:1.8}
.responsibility {padding:5px 0 40px 0}
.responsibility .mix {padding:30px 0;min-height:125px; }
.responsibility .mix .pic {top:30px;width:183px; height:125px;border-radius:5px}
.responsibility .mix .cons {margin:0px 0 0 203px;}
.responsibility .mix .cons .title {margin:0px 0 15px 0; height: 20px; line-height: 20px; padding:0 85px 0 0;}
.responsibility .mix .cons .title a {font-size:16px; }
.responsibility .mix .cons .title p {right:5px;font-size:14px}
.responsibility .mix .cons .line {display:none;}
.responsibility .mix .cons .content {font-size:14px; line-height:25px; height:50px;}
.responsibility .mix .cons .more {margin:10px 5px 0 0}
.responsibility .mix .cons .more a {width:25px; height:25px; line-height:25px;}
.responsibility .mix .cons .more a p {font-size:18px; line-height:25px}
.responsibility .mix:hover .cons .more a {width:25px}
.responsibility .controls {margin:30px 0 10px 0}
.responsibility .control {margin:0 0 0 25px;font-size:15px;}
.bgline { bottom:-10px;height:1px;}
#certify .swiper-slide {width:674px}
.honor .pic,.honor .pic img {width:674px;height:450px;}
.honor .title {height:35px; line-height:45px;font-size:14px}
.culture {padding:40px 0}
.culture ul {margin-top:-40px}
.culture li {margin:40px 0 0 0;}
.culture li .cons .t {font-size:20px; line-height:30px;margin:0 0 10px 0;}
.culture li .cons .c {font-size:14px;}
.culture li .cons .c strong {font-size:16px;margin:10px 0 0 0}
.pshow .subject img {width:200px}
.responsibility_pic {margin:-50px 0 0 0;padding:0px 0 0 0}
.responsibility_pic .indmore {margin:-20px 0 40px 0;}
}
@media only screen and (max-width:788px){
.bannerin {height:300px}
.bannerin_ct {height:350px}
.bannerin_video {height:-webkit-calc(100vh - 50px);height:calc(100vh - 50px);}
.leader {padding:0; height:350px; background-position: -50px 0;width:110%}
.leader .cons .in {width:55%;margin:0 10% 0 0}
#certify .swiper-slide {width:480px}
.honor .pic,.honor .pic img {width:480px;height:320px;}
}
@media only screen and (max-width:640px){
.indabout .mleft {width:92%;padding:0 4%; display: block;}
.indabout .mleft .in {width:100%;padding:0;}
.indabout .mright {width:100%;margin:40px 0 0 0; display: block; background: #BF292B}
.indbrand .pic {width:100%;}
.indbrand .cons {margin:30px 0 0 0;width:100%;}
.indbrand2 .cons {margin:0 0 30px 0}
.indnews ul {margin-top:-40px}
.indnews li {width:95%;margin-top:40px}
.bannerin {height:180px}
.slide-content li .cons { position:relative;height:auto;left:0;width:100%}
.slide-content li .cons .in { width:100%;left:0;padding:20px 20px 23px 20px; background: #f8f9fd;color:#333}
.slide-content li .cons .in .t {margin:0 0 10px 0;color:#000}
.slide-content li .cons .in .c { line-height:1.8;font-weight:400}
.bannerin .cons {font-size:20px; line-height:25px; letter-spacing:1px}
.style_pic dt .in p {font-size:18px; line-height:26px;left:10px;top:7px}
.style_pic dt .in .indmore {left:10px;bottom:7px}
.style_pic li:nth-child(2) dt .in p,.style_pic li:nth-child(4) dt .in p {right:10px;}
.style_pic li:nth-child(2) dt .in .indmore,.style_pic li:nth-child(4) dt .in .indmore {right:10px;}
.style_pic .indmore span {display:none;}
.style_pic .indmore a {font-size:12px; height:20px; line-height: 19px;border-radius:20px;}
.brand li .pic {width:100%; position: absolute;left:0;top:0;}
.brand li .pic img {height:40px}
.brand li .cons {width:100%;margin:60px 0 0 0}
.brand li.li2 .cons {margin:60px 0 0 0}
.brand li.li2 .pic {text-align:left}
.partner li {width:30.3333%;}
.partner li {height: 55px;}
.rshow .prevnext {text-align:left;}
.rshow .prevnext .prev {width:100%;}
.rshow .prevnext .next {width:100%; text-align: left;}
.rshow .prevnext .back,.rshow .addtime span {display:none;}
.news li .cons .t a {margin:0}
.news li .cons .t p {display:none}
.bannerin_ct {height:200px}
.bannerin_ct .cons .t {font-size:25px; line-height:35px;margin:0 0 5px 0}
.bannerin_ct .cons .c {font-size:16px;}
.contact li {width:90%}
.join li {width:31.3333%}
.teachtrain li {padding:30px 0}
.teachtrain li .pic {width:100%;padding:33.5% 0; position: absolute;left:0;top:0;}
.teachtrain li.li2 .pic {position:relative;left:0;top:0;}
.teachtrain li .cons {width:100%;margin:25px 0 0px 0;padding:67% 0 0 0}
.teachtrain li.li2 .cons {padding:0;margin:30px 0 0 0}
.teachtrain li .cons .c {height:auto}
.teachtrain li.li2 {margin:0}
.teachtrain li.li2 .cons {margin:30px 0 0 0;}
.teachtrain li .cons .t {margin:10px 0 20px 0}
.teachtrain {margin:0}
.job li .t1 {width:42%;}
.job li .t2 {width:25%}
.job li .t3 {width:23%}
.job li .t4 {display:none;}
.job li .t5 {width:10%;}
.jobapp li.upload input[type="text"]{font-size:12px}
.jobapp li {width:48%;}
.bannerin_video {height:-webkit-calc(100vh - 50px);height:calc(100vh - 50px);}
.leader {height:450px; background-position: -150px 0;width:110%}
.leader .cons .in {width:55%;margin:0 10% 0 0; background: rgba(255,255,255,0.8);padding:10px}
.responsibility .mix .cons .title p {display:none;}
.responsibility .mix .cons .title {padding:0}
.responsibility .mix .cons .more {display:none;}
.responsibility .mix {min-height:85px; }
.responsibility .mix .pic {width:124px; height:85px;}
.responsibility .mix .cons {margin:0px 0 0 144px;}
.responsibility .mix .cons .title {margin:3px 0 10px 0;}
#certify .swiper-slide {width:375px}
.honor .pic,.honor .pic img {width:375px;height:250px;}
.culture li {text-align:center}
.culture li .cons {width:100%}
.culture li .pic {width:100%;margin:30px 0 0 0}
.culture li.li2 .pic {margin:0 0 30px 0}
}
@media only screen and (max-width:480px){
#certify .swiper-slide {width:270px}
.honor .pic,.honor .pic img {width:270px;height:180px;}
}